﻿<Window x:Class="WbfsSync.Controls.ViewSelector"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:WbfsSync.Controls"
        WindowStyle="None" ResizeMode="NoResize" ShowInTaskbar="False" 
        Background="#fff0f0f0" Title="ViewSelector" 
        Height="208" Width="172">

    <TextOptions.TextFormattingMode>
        Display
    </TextOptions.TextFormattingMode>

    <Grid>
        
        <Rectangle Stroke="#646464" StrokeThickness="1" SnapsToDevicePixels="True"/>
        
        <Slider x:Name="mainSlider" Orientation="Vertical" Margin="4,12,140,12" SmallChange="0.1" 
                IsSnapToTickEnabled="True" Ticks="0,1.8,3.6,6,7.6,10" ValueChanged="SliderValueChanged"></Slider>
        
        <Line X1="0" Y1="0" X2="0" Y2="1" Stretch="Fill" Stroke="#e2e3e3" StrokeThickness="1" HorizontalAlignment="Left" Margin="33,1,0,1" SnapsToDevicePixels="True"/>
        <Line X1="0" Y1="0" X2="0" Y2="1" Stretch="Fill" Stroke="White" StrokeThickness="1" HorizontalAlignment="Left" Margin="34,1,0,1" SnapsToDevicePixels="True"/>

        <!-- Extra large -->
        
        <local:ViewSelectorButton Margin="42,7,5,0" Height="22" VerticalAlignment="Top"
                                  Click="SetExtraLargeIcons">
            <Grid>
                <Image Source="../Icons/Menu/icon_iconsize_extralarge.png"
                       Stretch="None" Margin="2,0,0,0" HorizontalAlignment="Left"
                       VerticalAlignment="Center" SnapsToDevicePixels="True"
                       Width="16" Height="16"/>
                <TextBlock Text="Extra Large Icons" Margin="22,0,0,0" Foreground="Black"/>
            </Grid>
        </local:ViewSelectorButton>

        <!-- Large -->
        
        <local:ViewSelectorButton Margin="42,47,5,0" Height="22" VerticalAlignment="Top"
                                  Click="SetLargeIcons">
            <Grid>
                <Image Source="../Icons/Menu/icon_iconsize_large.png"
                       Stretch="None" Margin="2,0,0,0" HorizontalAlignment="Left"
                       VerticalAlignment="Center" SnapsToDevicePixels="True"
                       Width="16" Height="16"/>
                <TextBlock Text="Large Icons" Margin="22,0,0,0" Foreground="Black"/>
            </Grid>
        </local:ViewSelectorButton>
        
        <!-- Medium -->

        <local:ViewSelectorButton Margin="42,75,5,0" Height="22" VerticalAlignment="Top"
                                  Click="SetMediumIcons">
            <Grid>
                <Image Source="../Icons/Menu/icon_iconsize_medium.png"
                       Stretch="None" Margin="2,0,0,0" HorizontalAlignment="Left"
                       VerticalAlignment="Center" SnapsToDevicePixels="True"
                       Width="16" Height="16"/>
                <TextBlock Text="Medium Icons" Margin="22,0,0,0" Foreground="Black"/>
            </Grid>
        </local:ViewSelectorButton>
        
        <!-- Small -->

        <local:ViewSelectorButton Margin="42,118,5,0" Height="22" VerticalAlignment="Top"
                                  Click="SetSmallIcons">
            <Grid>
                <Image Source="../Icons/Menu/icon_iconsize_small.png"
                       Stretch="None" Margin="2,0,0,0" HorizontalAlignment="Left"
                       VerticalAlignment="Center" SnapsToDevicePixels="True"
                       Width="16" Height="16"/>
                <TextBlock Text="Small Icons" Margin="22,0,0,0" Foreground="Black"/>
            </Grid>
        </local:ViewSelectorButton>

        <!-- Details -->

        <Line X1="0" Y1="0" X2="1" Y2="0" Stretch="Fill" Stroke="#e2e3e3" StrokeThickness="1" VerticalAlignment="Top" Margin="37,144,1,0" SnapsToDevicePixels="True"/>
        <Line X1="0" Y1="0" X2="1" Y2="0" Stretch="Fill" Stroke="White" StrokeThickness="1" VerticalAlignment="Top" Margin="37,145,1,0" SnapsToDevicePixels="True"/>

        <local:ViewSelectorButton Margin="42,148,5,0" Height="22" VerticalAlignment="Top"
                                  Click="SetDetailIcons">
            <Grid>
                <Image Source="../Icons/Menu/icon_iconsize_detail.png"
                       Stretch="None" Margin="2,0,0,0" HorizontalAlignment="Left"
                       VerticalAlignment="Center" SnapsToDevicePixels="True"
                       Width="16" Height="16"/>
                <TextBlock Text="Details" Margin="22,0,0,0" Foreground="Black"/>
            </Grid>
        </local:ViewSelectorButton>

        <!-- Tiles -->
        
        <Line X1="0" Y1="0" X2="1" Y2="0" Stretch="Fill" Stroke="#e2e3e3" StrokeThickness="1" VerticalAlignment="Top" Margin="37,174,1,0" SnapsToDevicePixels="True"/>
        <Line X1="0" Y1="0" X2="1" Y2="0" Stretch="Fill" Stroke="White" StrokeThickness="1" VerticalAlignment="Top" Margin="37,175,1,0" SnapsToDevicePixels="True"/>

        <local:ViewSelectorButton Margin="42,178,5,0" Height="22" VerticalAlignment="Top"
                                  Click="SetTileIcons">
            <Grid>
                <Image Source="../Icons/Menu/icon_iconsize_tile.png"
                       Stretch="None" Margin="2,0,0,0" HorizontalAlignment="Left"
                       VerticalAlignment="Center" SnapsToDevicePixels="True"
                       Width="16" Height="16"/>
                <TextBlock Text="Tiles" Margin="22,0,0,0" Foreground="Black"/>
            </Grid>
        </local:ViewSelectorButton>

    </Grid>
</Window>
